<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>数据库导入工具</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f5f5f5;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            background-color: #fff;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        h1 {
            color: #333;
            text-align: center;
        }
        .steps {
            margin-top: 20px;
        }
        .step {
            margin-bottom: 15px;
            padding: 15px;
            background-color: #f9f9f9;
            border-left: 4px solid #2196F3;
        }
        .code {
            background-color: #f1f1f1;
            padding: 10px;
            border-radius: 3px;
            font-family: Consolas, monospace;
            overflow-x: auto;
        }
        .button {
            display: inline-block;
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            border-radius: 4px;
            margin-top: 10px;
            cursor: pointer;
        }
        .note {
            background-color: #fffbd6;
            padding: 10px;
            border-radius: 3px;
            margin-top: 10px;
            border-left: 4px solid #ffc107;
        }
        img {
            max-width: 100%;
            height: auto;
            margin: 10px 0;
            border: 1px solid #ddd;
            border-radius: 4px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>纸条盲盒系统数据库导入工具</h1>
        
        <div class="steps">
            <div class="step">
                <h3>步骤 1: 使用PhpStudy创建数据库</h3>
                <p>1. 打开PhpStudy控制面板</p>
                <p>2. 点击"MySQL管理"按钮</p>
                <p>3. 在phpMyAdmin中创建名为 <code>api_mh</code> 的数据库，字符集选择 <code>utf8mb4_unicode_ci</code></p>
                <div class="note">
                    <strong>提示：</strong> 如果您没有安装PhpStudy，也可以使用其他MySQL管理工具创建数据库，如Navicat、HeidiSQL等。
                </div>
            </div>
            
            <div class="step">
                <h3>步骤 2: 导入SQL文件</h3>
                <p>在phpMyAdmin中按以下步骤导入SQL文件：</p>
                <ol>
                    <li>点击刚才创建的数据库 <code>api_mh</code></li>
                    <li>点击顶部的"导入"选项卡</li>
                    <li>点击"选择文件"按钮，选择：<code>D:\phpstudy_pro\WWW\api-mh.com\database\create_database.sql</code></li>
                    <li>点击"执行"按钮开始导入</li>
                </ol>
                <div class="note">
                    <strong>手动导入选项：</strong> 您也可以在phpMyAdmin的SQL查询窗口中复制粘贴SQL文件内容执行。
                </div>
            </div>
            
            <div class="step">
                <h3>步骤 3: 验证结果</h3>
                <p>导入完成后，请检查数据库中是否已成功创建以下表：</p>
                <ul>
                    <li><code>users</code> - 用户表</li>
                    <li><code>notes</code> - 纸条表</li>
                    <li><code>note_draws</code> - 抽取记录表</li>
                    <li><code>note_draw_items</code> - 抽取记录项表</li>
                    <li><code>commission_records</code> - 佣金记录表</li>
                    <li><code>system_settings</code> - 系统设置表</li>
                </ul>
                <p>同时确认 <code>system_settings</code> 表中是否有默认的系统设置数据。</p>
            </div>
            
            <div class="step">
                <h3>步骤 4: 检查.env配置</h3>
                <p>确保项目根目录下的 <code>.env</code> 文件中的数据库配置正确：</p>
                <div class="code">
                    [DATABASE]<br>
                    TYPE = mysql<br>
                    HOSTNAME = 127.0.0.1<br>
                    DATABASE = api_mh<br>
                    USERNAME = root<br>
                    PASSWORD = root<br>
                    HOSTPORT = 3306<br>
                    CHARSET = utf8mb4
                </div>
                <p>请根据您的实际数据库用户名和密码修改上述配置。</p>
            </div>
        </div>
        
        <div class="note" style="margin-top: 20px;">
            <strong>注意：</strong> 如果导入过程中遇到问题，请检查：
            <ol>
                <li>数据库用户是否具有创建数据库和表的权限</li>
                <li>数据库名称是否与SQL文件中的名称一致</li>
                <li>SQL文件是否包含语法错误</li>
                <li>如果已经有相同名称的表，可能会导致导入失败</li>
            </ol>
        </div>
    </div>
</body>
</html> 